<template>
  <div class="pb-account">
    <p><i></i>个人中心</p>
    <div class="row1">
      <dl class="col-1">
        <dt>账户余额</dt>
        <dd class="clearfix">
          <p class="fl margint17">
            <i class="num2" style="font-size: 28px">0.00 </i> <i class="u">元</i>
          </p>
          <p class="fl">
            <span class="txt-r" style="display:block;margin-bottom:10px;text-decoration:underline;"><router-link tag="a" to="/me/MoneyMsg" style="color:#0b7de8;">资金明细</router-link></span>
            <router-link tag="a" to="/me/recharge" style="vertical-align: 1px;display:inline-block;background:#fe4857;color:#fff;padding:3px 28px;border-radius:3px;margin-left:20px;">充值</router-link>
            <router-link tag="a" to="/me/charge" class="ml10" style="vertical-align: 1px;display:inline-block;background:#c9a372;color:#fff;padding:3px 28px;border-radius:3px;margin-left:20px;">提现</router-link>
          </p>
        </dd>
      </dl>
    </div>
    <div class="row2">
      <p>
        <i class="grey9">
          总创建策略金额：
        </i>
        <i class="num2 u" style="font-size: 20px">0<b>元</b></i>
      </p>
      <p>
        <i class="grey9">
          冻结信用金总额：
        </i>
        <i class="num2 u" style="font-size: 20px">0<b>元</b></i>
      </p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
/* 用户中心-账户信息 */
.pb-account {
  padding: 10px 0;
  background: #FFF;
}
.pb-account .row1 {
  font-size: 0;
  padding: 15px 0;
  border-bottom: 1px dashed #E8E8E8;
  margin: 0 30px;
}
/* .pb-account .row1 dt, .pb-account .row1 dd{ height:32px; line-height:32px;} */
.pb-account .row1 dd .btn-a {
  width: 60px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 10px;
}
.pb-account .row1 dd .u {
  margin: 0 12px 0 5px;
}
.pb-account .row1 dd .s {
  margin: 0 10px;
  color: #DBDBDB;
}
.pb-account .col-1, .pb-account .col-2, .pb-account .col-3, .pb-account .col-4 {
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  @css { * }zoom: 1;
  @css { * }display: inline;
}
.pb-account .col-2, .pb-account .col-3, .pb-account .col-4 {
//   background: url('../images/line-1-49.png') left center no-repeat;
}
.pb-account .col-1 {
  width: 390px;
}
.pb-account .col-2 {
  width: 148px;
  padding: 0 30px;
}
.pb-account .col-3 {
  width: 90px;
  padding-left: 30px;
}
.pb-account .col-4 {
  width: 170px;
  padding-left: 20px;
}
.pb-account .num1, .pb-account .num2 {
  font-weight: 700;
  color: #FF6600;
}
.pb-account .num1 {
  font-size: 20px;
}
.pb-account .num2 {
  font-size: 28px;
}
.pb-account .row2 {
  border-bottom: 1px dashed #E8E8E8;
  line-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  margin: 0 30px;
}
.pb-account > p {
  color: #a77335;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 5px;
  padding-left: 10px;
  margin: 0 10px;
}
.pb-account > p i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #a77335;
  border-radius: 100%;
  margin-right: 15px;
}
.pb-account .row2 > p {
  float: left;
  width: 205px;
}
.pb-account .row2 > p i {
  display: block;
  font-size: 15px;
}
.pb-account .row2 > p i b {
  color: #333;
  margin-left: 5px;
}
.grey dd {
  text-indent: 2rem;
}
</style>
